<!DOCTYPE html>
<html>
  <head>
    <title>camera</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <link rel="stylesheet" href="../css/main.css">
  </head>
  <body>
    <video id="camera" width="350" height="300" autoplay></video>
    <canvas id="outputCanvas" width="350" height="300" ></canvas>

    <select id="effects">
      <option value="doNothing">原图</option>
      <option value="white">美白</option>
      <option value="gray">灰度</option>
      <option value="sketch">素描</option>
    </select>

    <script src="../js/imageProcess.js"> </script>
    <script src="../js/effects.js"> </script>
    <script src="../js/index.js"> </script>
  </body>
</html>
